<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
        <title>PAS-SMA</title>
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
<link type="text/css" rel="stylesheet" href="http://localhost/pas-web/assets/grocery_crud/themes/flexigrid/css/flexigrid.css" />
	<script src="<?php echo base_url();?>assets/grocery_crud/themes/flexigrid/js/cookies.js"></script>
	<script src="<?php echo base_url();?>assets/grocery_crud/themes/flexigrid/js/flexigrid.js"></script>
	<script src="<?php echo base_url();?>assets/grocery_crud/themes/flexigrid/js/jquery.form.js"></script>
	<script src="<?php echo base_url();?>assets/grocery_crud/themes/flexigrid/js/jquery.numeric.js"></script>
	<script src="<?php echo base_url();?>assets/grocery_crud/themes/flexigrid/js/jquery.printElement.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/grocery_crud/js/jquery-1.8.2.min.js" ></script>

<script type="text/javascript" src="<?php echo base_url();?>assets/bootstrap/js/bootstrap.min.js" ></script>
<link rel="stylesheet" type="text/css"  href="<?php echo base_url();?>assets/bootstrap/css/bootstrap.css" />
<link href="<?php echo base_url();?>assets/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<link rel="stylesheet" type="text/css"  href="<?php echo base_url();?>assets/bootstrap/css/docs.css" />
<style type='text/css'>
.dropdown-menu .sub-menu {
	font-size: 12px;
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
  display: block;
}

.navbar .sub-menu:before {
  border-bottom: 7px solid transparent;
  border-left: none;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
  left: -7px;
  top: 10px;
}
.navbar .sub-menu:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  left: 10px;
  top: 11px;
  left: -6px;
}
.dropdown-menu .sub-menu2 {
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu2 {
  visibility: visible;
  display: block;
}

.navbar .sub-menu2:before {
  border-bottom: 7px solid transparent;
  border-left: none;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
  left: -7px;
  top: 10px;
}
.navbar .sub-menu2:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  left: 10px;
  top: 11px;
  left: -6px;
}
.sub-navbar {
	padding-top: 10px;
	padding-bottom: 3px;
	background: #25A3D1;
}
.sub-navbar .container {
	color: #FFF;
}
iframe {
  margin-top: 20px;
  margin-bottom: 30px;

  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 4px 4px 14px #000;
  -webkit-box-shadow: 4px 4px 14px #000;
  box-shadow: 4px 4px 14px #000; 
} 
</style>
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="./index.html">PAS - SMA Muhammadiyah 3 Yogyakarta</a>
        </div>
      </div>
    </div>
	<!--<header class="jumbotron subhead" id="overview">
	  <div class="container">
	    <h1>PAS- SMA</h1>
	    <p class="lead">Paket Aplikasi Sekolah Versi 7 - Web Based.</p>
	  </div>
	</header>-->
        <div style='height:20px;'></div> 
        <div>
	    <ul class="nav nav-tabs">
            <li class="active"><a href="#">Home</a></li>
            <li class="dropdown">
              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Referensi <b class="caret"></b></a>
              <ul class="dropdown-menu" id="menu1">
                <li>
                    <a href="#">Referensi Tingkat Nasional <i class="icon-share-alt"></i></a>
                    <ul class="dropdown-menu sub-menu">
			<li class="nav-header">Umum</li>
                        <li><a href="#">Bentuk Sekolah</a></li>
                        <li><a href="#">Jenis Sekolah</i></a></li>
                        <li><a href="#">Waktu Penyelenggaraan</a></li>
			<li><a href="#">Bentuk Yayasan</a></li>
                        <li class="nav-header">Administrasi Sekolah</li>
                        <li><a href="#">Separated link</a></li>
                        <li><a href="#">One more separated link</a></li>
			<li class="nav-header">Administrasi Pegawai</li>
			<li><a href="#">Separated link</a></li>
			<li class="nav-header">Kesiswaan</li>
			<li><a href="#">Separated link</a></li>
			<li class="nav-header">Akademik</li>
			<li><a href="#">Separated link</a></li>
			<li class="nav-header">Administrasi Keuangan</li>
                    </ul>
                </li>
		
                <li><a href="#">Referensi Tingkat Sekolah <i class="icon-share-alt"></i></a></li>
		
                <li><a href="#">Referensi Periodik <i class="icon-share-alt"></i></a></li>
                <li class="divider"></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Sekolah<b class="caret"></b></a>
            </li>
            <li class="dropdown">
              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Kepegawaian<b class="caret"></b></a>
            </li>
            <li class="dropdown">
              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Siswa Baru<b class="caret"></b></a>
            </li>
            <li class="dropdown">
              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Siswa & Alumni<b class="caret"></b></a>
            </li>
            <li class="dropdown">
              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Administrasi Akademik<b class="caret"></b></a>
            </li>
            <li class="dropdown">
              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Akademik<b class="caret"></b></a>
            </li>
            <li class="dropdown">
              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Keuangan<b class="caret"></b></a>
            </li>
            <li class="dropdown">
              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Administrator<b class="caret"></b></a>
            </li>
            </ul>
        </div>
	<div style='height:20px;'></div>
	<script>
		    $('#myTab a').click(function (e) {
			e.preventDefault();
			$(this).tab('show');
			})
	</script>
	<div class="bs-docs-example">
            <ul id="myTab" class="nav nav-tabs">
              <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
              <li class=""><a href="#profile" data-toggle="tab">Keluarga</a></li>
	      <li class=""><a href="#pekerjaan" data-toggle="tab">Riwayat Pekerjaan</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#dropdown1" data-toggle="tab">@fat</a></li>
                  <li><a href="#dropdown2" data-toggle="tab">@mdo</a></li>
                </ul>
              </li>
            </ul>
            <div id="myTabContent" class="tab-content">
              <div class="tab-pane fade active in" id="home">
               <?php echo $output->NIP; ?><br>
	       <?php echo $output->NM_PEGAWAI; ?><br>
              </div>
              <div class="tab-pane fade" id="profile">
                <IFRAME SRC=<?php echo base_url('pegawai/keluarga/'.$output->NIP);?> WIDTH=1000 Height=500 frameborder="0" border="0" cellspacing="0"></IFRAME>
              </div>
	    <div class="tab-pane fade" id="pekerjaan">
                <IFRAME SRC=<?php echo base_url('pegawai/riwayat_pekerjaan/'.$output->NIP);?> WIDTH=900 Height=600 frameborder="0" border="0" cellspacing="0"></IFRAME>
              </div>
              <div class="tab-pane fade" id="dropdown1">
                <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
              </div>
              <div class="tab-pane fade" id="dropdown2">
                <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.</p>
              </div>
            </div>
          </div>
        <div>
		<?php
		echo $output->NIP;
		?>
        </div>
	
	</br>
	
  <footer class="footer">
      <div class="container">
        <p class="pull-right"><a href="#">Back to top</a></p>
        <p>Code Built with <a href="http://codeigniter.com" target="_blank">Codeigniter 2.1.3</a> Layout with <a href="http://twitter.github.com/bootstrap/" target="_blank">Twitter Bootstrap</a> by <a href="http://cempakaweb.com" target="_blank">Cempaka Web</a>.</p>
      </div>
</footer>
</body>
</html>
